<form>
  <md-card color="primary">

    <md-card-header>
      <md-card-title>注册</md-card-title>
      <md-card-subtitle>registe</md-card-subtitle>
    </md-card-header>
    <md-icon svgIcon="owl"></md-icon>
    <md-card-content>
      <!-- 帐号 -->
      <md-input-container floatPlaceholder="auto" class="full-width">
        <input mdInput type="text" placeholder="您的email">
      </md-input-container>
      <!-- 姓名 -->
      <md-input-container floatPlaceholder="auto" class="full-width">
        <input mdInput type="text" placeholder="您的姓名">
      </md-input-container>
      <!-- 密码 -->
      <md-input-container floatPlaceholder="aut" class="full-width">
        <input mdInput type="password" placeholder="您的密码">
      </md-input-container>
      <!-- 重复密码 -->
      <md-input-container floatPlaceholder="aut" class="full-width">
        <input mdInput type="password" placeholder="重复您的密码">
      </md-input-container>
      <!-- 头像 -->
      <md-grid-list cols="6" rowHeight="1:1">
        <md-grid-tile *ngFor="let item of avatarsList;">
          <md-icon [svgIcon]="item" class="avatar"></md-icon>
        </md-grid-tile>
      </md-grid-list>
      <!-- 登录按钮 -->
      <button md-raised-button type="button">注册</button>
    </md-card-content>

    <md-card-actions align="start" class="text-right">
    </md-card-actions>

    <md-card-footer>
      <!-- Footer -->
    </md-card-footer>

  </md-card>
</form>
